<script setup lang="ts">
import DockBar from "./Dock/DockBar.vue"
import MainWindow from "./MainWindow/index.vue"
</script>

<template>
  <div class="lea-framework">
    <!-- 这个是主窗口 -->
    <MainWindow class="main-window"></MainWindow>
    <!-- 下面的导航栏 -->
    <DockBar class="dock"></DockBar>
    <!-- 用来展示打开的窗口 -->
<!--    <base-window :conf="i" v-for="i in global.openWindows" :key="i.key" />-->
  </div>
</template>

<style scoped lang="scss">
.lea-framework {
  position: fixed;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  left: 0;
  top: 0;
  user-select: none;

  .dock {
    // 底部居中
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    pointer-events: auto;
  }
}

</style>
